<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="./css/layui.css">
    <style>
    .layui-anim{width: 150px; height: 150px; line-height: 150px; margin: 0 auto 10px; text-align: center; background-color: #009688; cursor: pointer; color: #fff; border-radius: 50%;}
</style>
</head>
<body>

    <div class="layui-anim" data-anim="layui-anim-scale">

    <script type="text/javascript" src="./layui.js"></script>
    <script type="text/javascript">
        layui.use('jquery', function(){
            var $ = layui.$;

            $('.layui-anim').click(function(event) {

                name = $(this).attr('data-anim');

                $(this).removeClass(name);

                setTimeout(function () {
                    $('.layui-anim').addClass(name);
                },100);
            });
        })
    </script>
</body>
</html>